@extends('home.m.m1.public.public')

@section('content')
    <div class="met-index-product met-index-body">
        <div class="container">
            <h2 class="invisible" data-plugin="appear" data-animate="slide-top" data-repeat="false">产品中心</h2>
            <p class="desc invisible" data-plugin="appear" data-animate="fade" data-repeat="false">
                我们致力于让我们的产品改善人们的生活</p>
            <div class='invisible' data-plugin="appear" data-animate="fade" data-repeat="false">
                <ul class="nav nav-tabs" style="height: 40px;">
                    <li class="active">
                        <a href="#indexprolist" title="全部" data-toggle="tab" data-num='8' data-filter="*"><h3>全部</h3>
                        </a>
                    </li>
                    @foreach($sorts['product'] as $value)
                        <li>
                            <a href="#indexprolist" title="{{ $value['name'] }}" data-toggle="tab"
                               data-filter="{{ $value['id'] }}">
                                <h3>{{ $value['name'] }}</h3>
                            </a>
                        </li>
                    @endforeach
                </ul>
            </div>
            <ul class="blocks-2 blocks-sm-2 blocks-md-4 blocks-xlg-4 no-space" id='indexprolist' data-scale='1'>
                @foreach( $fragment['product'] as $value )
                    <li data-type="{{ $value['sort'] }}">
                        <div class="widget widget-shadow invisible" data-plugin="appear" data-animate="slide-bottom50"
                             data-repeat="false">
                            <figure class="widget-header cover">
                                <a href="{{ route('info',['product',$value['id']]) }}" title="{{ $value['name'] }}"
                                   target='_self'>
                                    <img class="cover-image" data-original="{{ $value['image'] }}"
                                         style='height:300px;' alt="{{ $value['name'] }}">
                                </a>
                            </figure>
                            <h4 class="widget-title">
                                <a href="{{ route('info',['product',$value['id']]) }}" title="{{ $value['name'] }}"
                                   target='_self'>
                                    {{ $value['name'] }}
                                </a>
                            </h4>
                        </div>
                    </li>
                @endforeach
            </ul>
        </div>
    </div>
    <div class="met-index-news met-index-body">
        <div class="container">
            <h2 class="invisible" data-plugin="appear" data-animate="slide-top" data-repeat="false">新闻资讯</h2>
            <p class="desc invisible" data-plugin="appear" data-animate="fade" data-repeat="false">公司新闻 / 行业新闻 /
                技术知识</p>
            <ul class="blocks-2" data-scale='0.75'>
                @foreach( $fragment['newone']  as $value)
                    <li class="invisible" data-plugin="appear" data-animate="slide-bottom" data-repeat="false">
                        <div class="media media-lg">
                            <div class="media-body">
                                <h4 class="media-heading">
                                    <a href="{{ route('info',['new',$value['id']]) }}" title="{{ $value['name'] }}"
                                       target='_self'>{{ $value['name'] }}</a>
                                </h4>
                                <p class="des">{{ subtext($value['simpledescribe'],40) }}</p>
                                <p class="info">
                                    <span>{{ $value['time'] }}</span>
                                    <span class="margin-left-10">{{ $value['name'] }}</span>
                                    <span class="margin-left-10">
                                        <i class="icon wb-eye margin-right-5"
                                           aria-hidden="true"></i>{{ $value['page_view'] }}
                                    </span>
                                </p>
                            </div>
                        </div>
                    </li>
                @endforeach
            </ul>
        </div>
    </div>
    <div class="met-index-about met-index-body">
        <div class="container">
            <h2 class="invisible" data-plugin="appear" data-animate="slide-top" data-repeat="false">关于我们</h2>
            <div class="met-editor no-gallery lazyload clearfix invisible" data-plugin="appear"
                 data-animate="slide-bottom10" data-repeat="false">{!! $box['about'] !!}
            </div>
        </div>
    </div>
@endsection